<html chrome_comp_test="background_attachment_scroll">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style type="text/css">
		body > div {
			border: 3px dotted;
			float : left;
			margin: 0 5px 5px 0;
		}
		
		.bg {
			background:url(google.png) repeat-x scroll 0 0 #FFFFFF;
			padding: 5px;
		}
	</style>
</head>
<body>
	<div class="bg" expectedProblems="RC3003" style="width:300px;height:200px;overflow:auto;">
		<div style="background:yellow;height:200px;width:40px;">
		overflow :auto; overflow :auto; overflow :auto; overflow :auto;
		</div>
		<div style="width:400px;text-align:right;">OUTER CONTENT</div>
	</div>
	
	<div class="bg" style="width:300px;height:200px;overflow:hidden;">
		<div style="background:yellow;height:200px;width:40px;">
		overflow: hidden; overflow: hidden; overflow: hidden; overflow: hidden;
		</div>
		<div style="width:400px;text-align:right;">OUTER CONTENT</div>
	</div>
	
	<div class="bg" style="width:300px;height:200px;overflow:scroll;">
		<div style="background:yellow;height:100px;width:40px;">
		scroll width or height == offset width of height
		</div>
		<div style="width:100px;text-align:right;">OUTER CONTENT</div>
	</div>
	<div class="bg" style="background-attachment:local;width:300px;height:200px;overflow:auto;">
		<div style="background:yellow;height:200px;width:40px;">
		overflow :auto; background-attachment : local;  overflow :auto; background-attachment : local;
		</div>
		<div style="width:400px;text-align:right;">OUTER CONTENT</div>
	</div>
	
	<div expectedProblems="RC3003" class="bg" style="width:300px;height:200px;overflow-x:hidden;">
		<div style="background:yellow;height:200px;width:40px;">
		overflow :auto; background-attachment : local;  overflow :auto; background-attachment : local;
		</div>
		<div style="width:400px;text-align:right;">OUTER CONTENT</div>
	</div>
</body></html>